<script src="js/proinfo/purchased/afterAgreementApproval.js"></script>
<!--main content start-->
<section id="main-content">
    <section class="wrapper">
        <!--state overview end-->
        <div class="row">
            <div class="col-lg-12">
                <section class="panel">
                    <header class="panel-heading">
                        添加供应商
                    </header>
                    <div class="panel-body">
                        <div class="bio-row">
                            <p>
                                <span>项目名称</span>{{headerMap.proName}}</p>
                        </div>
                        <div class="bio-row">
                            <p>
                                <span>申请人</span>{{headerMap.applyManname}}</p>
                        </div>
                        <div class="bio-row">
                            <p>
                                <span>申请时间</span>{{headerMap.applyTime}}</p>
                        </div>
                        <div class="bio-row">
                            <p>
                                <span>申请用途</span>{{headerMap.useFul}}</p>
                        </div>
                        <div class="bio-row line-row">
                            <p>申请说明</p>
                            <p>{{headerMap.descriptor}}</p>
                        </div>
                    </div>
                </section>
                <section class="panel">
                    <header class="panel-heading add-heading">
                        采购清单
                        <i class="add-icon icon-eye-open" onclick="selprice();"> 全部报价</i>
                    </header>
                    <div class="panel-body">
                        <div id="priceContainer" class="dlshouwen-grid-container"></div>
                    </div>
                </section>
                <section class="panel hdgbuy" style="display: none;">
                    <header class="panel-heading">
                        供应商报价列表
                    </header>
                    <div class="panel-body">
                        <div id="supplier02Container" class="dlshouwen-grid-container"></div>
                    </div>
                </section>
                <!-- <section class="panel">
                    <header class="panel-heading">
                        审批意见
                    </header>
                    <div class="panel-body">
                        <div class="form-group customerForm">

                            <textarea class="form-control" disabled></textarea>

                        </div>

                    </div>
                </section> -->

                <section class="panel">
                    <div class="panel-body">
                        <p class="default-buttons">
                            <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
                            <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="window.history.back()">确认</a>
                        </p>
                    </div>
                </section>

                <!-- 流程跟踪V3.0效果 -->
                <section>
                    <a href="javascript:void(0);" class="second" id="process" onclick="shaper();">
                        流程跟踪
                    </a>
                </section>
                <!-- 流程跟踪展示效果 -->
                <section class="hdaper">
                    <div class="panel">
                        <div class="panel-heading add-heading">
                            流程跟踪
                            <i class="add-icon icon-remove" href="javascript:$.pageslide.close()" onclick="hdaper();"></i>
                        </div>
                        <div class="panel-body panel-proce">
                            <div class="proce-middle">
                                <div class="proce-log" ng-repeat="trace in processCCBXTrace" ng-init="data=trace.msg">
                                    <div class="proce-log-lf">
                                        <!-- 虚线 -->
                                        <div class="log-dashed"></div>
                                    </div>
                                    <div class="proce-log-rg">
                                        <!-- 节点 -->
                                        <div class="log-mark">
                                            <!-- 标记点 -->
                                            <div ng-if="trace.isHead == 'headNode' && $index == 0">
                                                <div class="log-mark-icon mark-prime">
                                                    发起
                                                </div>
                                            </div>
                                            <div class="log-mark-icon mark-prime"> 发起</div>
                                        </div>
                                        <div ng-if="trace.lastStatus == 'sentback' && trace.beSentBack == 'N'">
                                            <div class="log-mark-icon mark-warning"> 被退回</div>
                                        </div>
                                        <div ng-if="trace.lastStatus == 'sentback' && trace.beSentBack == 'N'">
                                            <div class="log-mark-icon mark-warning"> 被退回</div>
                                        </div>
                                        <div ng-if="trace.lastStatus == 'denied'">
                                            <div class="log-mark-icon mark-warning">
                                                回退
                                            </div>
                                        </div>
                                        <div ng-if="trace.lastStatus == 'completed'&& $index != 0">
                                            <div class="log-mark-icon mark-success">
                                                同意
                                            </div>
                                        </div>
                                        <div ng-if="trace.lastStatus == 'others'&& $index != 0">
                                            <div class="log-mark-icon mark-success">
                                                同意
                                            </div>
                                        </div>
                                        <div ng-if="trace.lastStatus == 'approvaling' && $index != 0">
                                            <div class="log-mark-icon mark-blue">
                                                办理
                                            </div>
                                        </div>
                                        <div ng-if="trace.lastStatus == 'terminated' && $index != 0 && trace.isEnd != 'endNode'">
                                            <div class="log-mark-icon mark-danger">
                                                拒绝
                                            </div>
                                        </div>
                                        <div ng-if="trace.isEnd == 'endNode'&& $index != 0 && trace.lastStatus == 'terminated'">
                                            <div class="log-mark-icon">
                                                结束
                                            </div>
                                        </div>
                                        <!-- 对话框箭头 -->
                                        <div class="log-tag"></div>
                                        <!-- 节点内容 -->
                                        <div class="log-mark-value">
                                            <div class="log-mtitle">
                                                <span class="log-time">{{trace.time | date:'yyyy-MM-dd hh:mm'}}</span>
                                                <div ng-if="trace.lastStatus == 'approvaling' && trace.isHead != 'headNode' ">
                                                    <span class="log-status">状态：任务执行中
                                                        <i class="status-blue"></i>
                                                    </span>
                                                </div>
                                                <div ng-if="trace.lastStatus == 'sentback' || trace.lastStatus == 'N'">
                                                    <span class="log-status">状态：已经被退回 <i></i> </span> </div>
                                                <div ng-if="trace.lastStatus == 'sentback' || trace.sendBack == 'Y'">
                                                    <span class="log-status">状态：正在重新提交 <i></i> </span> </div>
                                                <div ng-if="trace.lastStatus == 'completed' || trace.lastStatus == 'terminated' || trace.lastStatus == 'denied'">
                                                    <span class="log-status">状态：任务执行完毕
                                                        <i></i>
                                                    </span>
                                                </div>


                                                <div ng-if="trace.isHead == 'headNode' && trace.lastStatus == 'approvaling'">
                                                    <span class="log-status">状态：子流程执行中
                                                        <i class="status-purple"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="log-mbody">
                                                <span class="log-name">办理人：{{trace.USER}}</span>
                                                <span class="tp-txt">审批意见：{{trace.msg}}</span>
                                                <input type="hidden" value="{{trace.msg}}" class="msgss" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <div class="paper-bg" onclick="clsbox();"></div>
    </section>
</section>